main {
  /* 图片轮播 */
}
main .swiper-container {
  width: 100%;
  height: 200px;
}
main .swiper-container .index-swiper1 {
  background: url("../../assets/imgs/index-swiper-bg1.jpg");
  background-position: top center;
  background-size: 500px;
}
main .swiper-container .index-swiper2 {
  background: url("../../assets/imgs/index-swiper-bg2.jpg");
  background-position: top center;
  background-size: 500px;
}
main .swiper-container .index-swiper3 {
  background: url("../../assets/imgs/index-swiper-bg3.jpg");
  background-position: top center;
  background-size: 500px;
}
main #itemList {
  padding: 10px 15px;
}
main #itemList .list {
  margin-bottom: 10px;
}
main #itemList .row-container {
  /* 行容器 */
  display: flex;
  height: 150px;
}
main #itemList .row-container .row-card {
  line-height: 20px;
  opacity: 0.73;
  border-radius: 15px 15px 15px 15px;
}
main #itemList .row-container .row-card-ranking {
  /* 今日排名 */
  flex: 2;
  background: url("../../assets/imgs/index-card-rank.png") no-repeat -15px 30px;
  background-size: 84%;
  background-color: #1592cc;
  position: relative;
  color: #004e73;
}
main #itemList .row-container .row-card-ranking .tilte {
  position: absolute;
  left: 14px;
  top: 15px;
  font-weight: bold;
  color: #005177;
}
main #itemList .row-container .row-card-ranking #rankCount {
  position: absolute;
  left: 12px;
  top: 90px;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
main #itemList .row-container .row-card-sum {
  /* 累积打卡 */
  flex: 3;
  background: url("../../assets/imgs/index-card-sum.png") no-repeat 10px 24px;
  background-size: 55%;
  position: relative;
  color: #005177;
  background-color: #aad9f7;
}
main #itemList .row-container .row-card-sum .tilte {
  position: absolute;
  left: 14px;
  top: 15px;
  font-weight: bold;
}
main #itemList .row-container .row-card-sum #checkBtn {
  width: 100px;
  height: 40px;
  border: 3px solid #005177;
  font-weight: bold;
  font-family: Arial;
  border-radius: 20px;
  text-align: center;
  line-height: 32px;
  position: absolute;
  left: 90px;
  top: 85px;
}
main #itemList .row-container02 {
  display: flex;
  height: 110px;
}
main #itemList .row-container02 .row-card {
  line-height: 20px;
  opacity: 0.73;
  border-radius: 15px 15px 15px 15px;
}
main #itemList .row-container02 .row-card-data {
  flex: 2;
  background: url("../../assets/imgs/index-card-data.png") no-repeat;
  background-size: cover;
  position: relative;
  color: #ffffff;
}
main #itemList .row-container02 .row-card-data .tilte {
  position: absolute;
  left: 14px;
  top: 15px;
  font-weight: bold;
}
main #itemList .row-container02 .row-card-badge {
  flex: 2;
  background: url("../../assets/imgs/index-card-badge.png") no-repeat 7px 25px;
  background-size: 55%;
  background-color: #9dbde3;
  position: relative;
  color: #005177;
}
main #itemList .row-container02 .row-card-badge .tilte {
  position: absolute;
  left: 14px;
  top: 15px;
  font-weight: bold;
}
main #itemList .row-container02 .row-card-badge #badgeBtn {
  position: absolute;
  left: 100px;
  top: 53px;
  color: #fff;
  color: #004e73;
  display: flex;
}
main #itemList .row-container02 .row-card-badge #badgeBtn #badgeCount {
  font-size: 70px;
  font-weight: bold;
}
main #itemList .row-container02 .row-card-badge #badgeBtn span {
  position: absolute;
  left: 40px;
  top: 18px;
}
main #itemList .row-container03 {
  display: flex;
  height: 110px;
}
main #itemList .row-container03 .row-card-Course {
  background: url("../../assets/imgs/index-swiper-bg2.jpg") no-repeat 0px -17px;
  background-size: cover;
  position: relative;
}
main #itemList .row-container03 .row-card-Course .tilte {
  position: absolute;
  left: 14px;
  top: 15px;
  font-weight: bold;
  color: #fff;
}
main #itemList .row-container04 {
  display: flex;
  height: 110px;
}
main #itemList .row-container04 .row-card-Course {
  background: url("../../assets/imgs/index-card-run.png") no-repeat 0px -17px;
  background-size: cover;
  position: relative;
}
main #itemList .row-container04 .row-card-Course .tilte {
  position: absolute;
  left: 14px;
  top: 15px;
  font-weight: bold;
  color: #fff;
}
